<template>
	<view class="page flex-col">

		<!-- <view class="comHead" :style="'padding-top:' + titleHeight + 'px'"></view> -->
		<comHead :title="$t('smkj.ss')" :isLeft="true" :isRight="false"></comHead>
		<view class="header">
			<view class="m">
				<image src="https://siha.vxmeng.com/static/privacy/msearch.png" mode="widthFix"></image>
				<input type="text" placeholder="欢乐海岸" v-model="key" />
			</view>
			<view class="r">
				<text>搜索</text>
			</view>
		</view>
		<view class="group_1 flex-col">
			<view class="box_1 flex-col">
				<view class="block_7 flex-col">

					<view class="wrap">
						<view class="block_9 flex-row">
							<text class="text_4">历史记录</text>
							<view class="image-text_9 flex-row">
								<text class="text-group_1">展开</text>
								<view class="section_3 flex-col justify-between">
									<!-- <div class="box_5 flex-col"></div> -->
									<image class="thumbnail_5" referrerpolicy="no-referrer"
										src="https://siha.vxmeng.com/static/privacy/MasterDDSSlicePNG537fbb39019f92777070de6198693665.png" />
								</view>
							</view>
							<image class="thumbnail_6" referrerpolicy="no-referrer"
								src="https://siha.vxmeng.com/static/privacy/MasterDDSSlicePNGfc20b6421fa20b3f9b2c9e1ba64184bb.png" />
						</view>
						<view class="block_10 flex-row justify-between">
							<view class="text-group_18 flex-col justify-between">
								<text class="text_5">每日坚果</text>
								<text class="text_6">in&nbsp;new&nbsp;york</text>
							</view>
							<view class="text-group_19 flex-col justify-between">
								<text class="text_7">甘肃地震</text>
								<text class="text_8">这是一段占位文字</text>
							</view>
						</view>
					</view>

					<view class="wrap">
						<text class="text_9">猜你想搜</text>
						<view class="text-wrapper_38 flex-row justify-between">
							<text class="text_10">欢乐海岸</text>
							<text class="text_11">这是一段占位文字……</text>
						</view>
						<view class="list_9 flex-row">
							<view class="text-wrapper_39 flex-col justify-between" v-for="(item, index) in loopData0" :key="index">
								<text class="text_12">{{item.lanhutext0}}</text>
								<text class="text_13">{{item.lanhutext1}}</text>
							</view>
						</view>
						<view class="text-wrapper_40 flex-row justify-between">
							<text class="text_14">头道汤</text>
							<text class="text_15">麦当劳</text>
						</view>
					</view>
					<view class="text-wrapper_41 flex-row justify-between">
						<text class="text_16">嘶哈热榜</text>
						<text class="text_17">深圳榜</text>
						<text class="text_18">创作灵感</text>
						<text class="text_19">团购榜</text>
						<text class="text_20">品牌榜</text>
					</view>
					<!-- 					<div class="group_5 flex-col justify-center">
						<div class="group_6 flex-col"></div>
					</div> -->
					<view class="group_7 flex-row" v-for="(item,index) in 5">
						<view class="text-wrapper_5 flex-col">
							<image v-if="item<3" src="https://siha.vxmeng.com/static/privacy/xing.png" mode="aspectFill"></image>
							<text class="text_21">{{item+1}}</text>
						</view>
						<text class="text_22">这是一段文字占位</text>
						<text class="text_23">102.7万</text>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>
<script>
	export default {
		data() {
			return {
				loopData0: [{
						lanhutext0: '粒上皇',
						lanhutext1: '海底捞'
					},
					{
						lanhutext0: '每日坚果',
						lanhutext1: '世界之窗'
					},
				],
				constants: {},
				key: "",
				titleHeight: 0
			};
		},
		onLoad() {
			// #ifdef MP-WEIXIN || MP-TOUTIAO || MP-ALIPAY
			this.getHeight();
			// #endif
		},
		methods: {
			// 获取微信右上角胶囊高度
			getHeight() {
				let res = wx.getMenuButtonBoundingClientRect();
				this.titleHeight = res.top;
			}
		}
	};
</script>
<style lang="less" scoped>
	.page {
		position: relative;
		width: 750rpx;
		overflow: hidden;
		min-height: 100vh;
		background: url("https://siha.vxmeng.com/static/bg.gif") no-repeat center/cover;

		.header {
			display: flex;
			align-items: center;
			justify-content: center;
			padding: 30rpx;
			// padding-top: var(--status-bar-height);
			padding-top: 20rpx;
			box-sizing: border-box;
			width: 750rpx;
			z-index: 101;

			.m {
				display: flex;
				align-items: center;
				justify-content: flex-start;
				width: 460rpx;
				height: 64rpx;
				background: rgba(#767B82, 0.3);
				border-radius: 60rpx;
				padding: 0 20rpx;
				box-sizing: border-box;
				margin-right: 40rpx;

				image {
					width: 32rpx;
					flex-shrink: 0;
					margin-right: 20rpx;
				}

				input {
					color: #A2A2A2;
					font-size: 28rpx;
				}
			}

			.r {
				display: flex;
				align-items: center;
				justify-content: flex-end;

				text {
					font-size: 28rpx;
					font-weight: 400;
					color: #D8D8D8;
					-webkit-background-clip: text;
				}
			}
		}

		.group_1 {
			width: 750rpx;
			height: calc(100vh - 100rpx);
			overflow-y: auto;

			.box_1 {
				width: 746rpx;
				height: 1624rpx;
				margin-left: 4rpx;

				.box_2 {
					background-color: rgba(216, 216, 216, 0.01);
					width: 750rpx;
					height: 88rpx;

					.text_1 {
						width: 108rpx;
						height: 44rpx;
						overflow-wrap: break-word;
						color: rgba(255, 255, 255, 1);
						font-size: 30rpx;
						letter-spacing: -0.30000001192092896px;
						font-family: Noto Sans SC-Thin-Regular;
						font-weight: normal;
						text-align: center;
						white-space: nowrap;
						line-height: 30rpx;
						margin: 30rpx 0 0 42rpx;
					}

					.thumbnail_1 {
						width: 34rpx;
						height: 22rpx;
						margin: 36rpx 0 0 438rpx;
					}

					.thumbnail_2 {
						width: 32rpx;
						height: 22rpx;
						margin: 36rpx 0 0 10rpx;
					}

					.image_1 {
						width: 50rpx;
						height: 24rpx;
						margin: 36rpx 26rpx 0 10rpx;
					}
				}

				.block_7 {
					position: relative;
					width: 746rpx;
					height: 1372rpx;

					.wrap {
						// overflow: hidden;
						position: relative;
						padding-bottom: 60rpx;

						&::after {
							content: "";
							display: block;
							position: absolute;
							bottom: 30rpx;
							left: 30rpx;
							height: 2rpx;
							width: 690rpx;
							background-color: #494949;
						}
					}

					.block_8 {
						width: 648rpx;
						height: 52rpx;
						margin: 8rpx 0 0 34rpx;

						.thumbnail_3 {
							width: 14rpx;
							height: 24rpx;
							margin-top: 8rpx;
						}

						.box_4 {
							width: 460rpx;
							height: 52rpx;
							margin-left: 94rpx;

							.thumbnail_4 {
								width: 32rpx;
								height: 32rpx;
								margin: 10rpx 0 0 20rpx;
							}

							.text_2 {
								width: 112rpx;
								height: 40rpx;
								overflow-wrap: break-word;
								color: rgba(162, 162, 162, 1);
								font-size: 28rpx;
								font-family: Source Han Sans-Regular;
								font-weight: normal;
								text-align: left;
								white-space: nowrap;
								line-height: 40rpx;
								margin: 4rpx 284rpx 0 12rpx;
							}
						}

						.text_3 {
							width: 56rpx;
							height: 40rpx;
							overflow-wrap: break-word;
							color: rgba(216, 216, 216, 1);
							font-size: 28rpx;
							font-family: Source Han Sans-Regular;
							font-weight: normal;
							text-align: left;
							white-space: nowrap;
							line-height: 40rpx;
							margin: 6rpx 0 0 24rpx;
						}
					}

					.block_9 {
						width: 676rpx;
						height: 56rpx;
						margin: 10rpx 0 0 26rpx;

						.text_4 {
							width: 96rpx;
							height: 34rpx;
							overflow-wrap: break-word;
							color: rgba(162, 162, 162, 1);
							font-size: 24rpx;
							font-family: Source Han Sans-Regular;
							font-weight: normal;
							text-align: left;
							white-space: nowrap;
							line-height: 34rpx;
						}

						.image-text_9 {
							width: 104rpx;
							height: 54rpx;
							margin: 2rpx 0 0 432rpx;

							.text-group_1 {
								width: 48rpx;
								height: 34rpx;
								overflow-wrap: break-word;
								color: rgba(162, 162, 162, 1);
								font-size: 24rpx;
								font-family: Source Han Sans-Regular;
								font-weight: normal;
								text-align: right;
								white-space: nowrap;
								line-height: 34rpx;
							}

							.section_3 {
								width: 24rpx;
								// height: 48rpx;
								margin-top: 6rpx;
								margin-left: 10rpx;

								.box_5 {
									width: 2rpx;
									height: 22rpx;
									border: 1px solid rgba(41, 41, 41, 1);
									margin-left: 18rpx;
								}

								.thumbnail_5 {
									width: 24rpx;
									height: 24rpx;
									margin-top: 2rpx;
								}
							}
						}

						.thumbnail_6 {
							width: 32rpx;
							height: 32rpx;
							margin: 4rpx 0 0 12rpx;
						}
					}

					.block_10 {
						width: 580rpx;
						height: 104rpx;
						margin: 8rpx 0 0 34rpx;

						.text-group_18 {
							width: 152rpx;
							height: 104rpx;

							.text_5 {
								width: 112rpx;
								height: 40rpx;
								overflow-wrap: break-word;
								color: rgba(216, 216, 216, 1);
								font-size: 28rpx;
								font-family: Source Han Sans-Regular;
								font-weight: normal;
								text-align: left;
								white-space: nowrap;
								line-height: 40rpx;
							}

							.text_6 {
								width: 152rpx;
								height: 40rpx;
								overflow-wrap: break-word;
								color: rgba(216, 216, 216, 1);
								font-size: 28rpx;
								font-family: Source Han Sans-Regular;
								font-weight: normal;
								text-align: left;
								white-space: nowrap;
								line-height: 40rpx;
								margin-top: 24rpx;
							}
						}

						.text-group_19 {
							width: 224rpx;
							height: 104rpx;

							.text_7 {
								width: 112rpx;
								height: 40rpx;
								overflow-wrap: break-word;
								color: rgba(216, 216, 216, 1);
								font-size: 28rpx;
								font-family: Source Han Sans-Regular;
								font-weight: normal;
								text-align: left;
								white-space: nowrap;
								line-height: 40rpx;
							}

							.text_8 {
								width: 224rpx;
								height: 40rpx;
								overflow-wrap: break-word;
								color: rgba(216, 216, 216, 1);
								font-size: 28rpx;
								font-family: Source Han Sans-Regular;
								font-weight: normal;
								text-align: left;
								white-space: nowrap;
								line-height: 40rpx;
								margin-top: 24rpx;
							}
						}
					}

					.text_9 {
						width: 96rpx;
						height: 34rpx;
						overflow-wrap: break-word;
						color: rgba(162, 162, 162, 1);
						font-size: 24rpx;
						font-family: Source Han Sans-Regular;
						font-weight: normal;
						text-align: left;
						white-space: nowrap;
						line-height: 34rpx;
						margin: 68rpx 0 0 26rpx;
					}

					.text-wrapper_38 {
						width: 636rpx;
						height: 40rpx;
						margin: 30rpx 0 0 34rpx;

						.text_10 {
							width: 112rpx;
							height: 40rpx;
							overflow-wrap: break-word;
							color: rgba(216, 216, 216, 1);
							font-size: 28rpx;
							font-family: Source Han Sans-Regular;
							font-weight: normal;
							text-align: left;
							white-space: nowrap;
							line-height: 40rpx;
						}

						.text_11 {
							width: 280rpx;
							height: 40rpx;
							overflow-wrap: break-word;
							color: rgba(216, 216, 216, 1);
							font-size: 28rpx;
							font-family: Source Han Sans-Regular;
							font-weight: normal;
							text-align: left;
							white-space: nowrap;
							line-height: 40rpx;
						}
					}

					.list_9 {
						width: 468rpx;
						height: 104rpx;
						justify-content: space-between;
						margin: 24rpx 0 0 34rpx;

						.text-wrapper_39 {
							width: 84rpx;
							height: 104rpx;
							margin-right: 272rpx;

							.text_12 {
								width: 112rpx;
								height: 40rpx;
								overflow-wrap: break-word;
								color: rgba(216, 216, 216, 1);
								font-size: 28rpx;
								font-family: Source Han Sans-Regular;
								font-weight: normal;
								text-align: left;
								white-space: nowrap;
								line-height: 40rpx;
							}

							.text_13 {
								width: 112rpx;
								height: 40rpx;
								overflow-wrap: break-word;
								color: rgba(216, 216, 216, 1);
								font-size: 28rpx;
								font-family: Source Han Sans-Regular;
								font-weight: normal;
								text-align: left;
								white-space: nowrap;
								line-height: 40rpx;
								margin-top: 24rpx;
							}
						}
					}

					.text-wrapper_40 {
						width: 440rpx;
						height: 40rpx;
						margin: 24rpx 0 0 34rpx;

						.text_14 {
							width: 84rpx;
							height: 40rpx;
							overflow-wrap: break-word;
							color: rgba(216, 216, 216, 1);
							font-size: 28rpx;
							font-family: Source Han Sans-Regular;
							font-weight: normal;
							text-align: left;
							white-space: nowrap;
							line-height: 40rpx;
						}

						.text_15 {
							width: 84rpx;
							height: 40rpx;
							overflow-wrap: break-word;
							color: rgba(216, 216, 216, 1);
							font-size: 28rpx;
							font-family: Source Han Sans-Regular;
							font-weight: normal;
							text-align: left;
							white-space: nowrap;
							line-height: 40rpx;
						}
					}

					.text-wrapper_41 {
						width: 672rpx;
						height: 40rpx;
						margin: 0 0 0 34rpx;

						.text_16 {
							background-image: linear-gradient(146deg,
									rgba(0, 166, 254, 1) 0,
									rgba(133, 78, 255, 1) 100%);
							width: 112rpx;
							height: 40rpx;
							overflow-wrap: break-word;
							color: ;
							font-size: 28rpx;
							font-family: Source Han Sans-Bold;
							font-weight: 700;
							text-align: left;
							white-space: nowrap;
							line-height: 40rpx;
							-webkit-background-clip: text;
							-webkit-text-fill-color: transparent;
						}

						.text_17 {
							width: 84rpx;
							height: 40rpx;
							overflow-wrap: break-word;
							color: rgba(216, 216, 216, 1);
							font-size: 28rpx;
							font-family: Source Han Sans-Regular;
							font-weight: normal;
							text-align: left;
							white-space: nowrap;
							line-height: 40rpx;
							margin-left: 50rpx;
						}

						.text_18 {
							width: 112rpx;
							height: 40rpx;
							overflow-wrap: break-word;
							color: rgba(216, 216, 216, 1);
							font-size: 28rpx;
							font-family: Source Han Sans-Regular;
							font-weight: normal;
							text-align: left;
							white-space: nowrap;
							line-height: 40rpx;
							margin-left: 48rpx;
						}

						.text_19 {
							width: 84rpx;
							height: 40rpx;
							overflow-wrap: break-word;
							color: rgba(216, 216, 216, 1);
							font-size: 28rpx;
							font-family: Source Han Sans-Regular;
							font-weight: normal;
							text-align: left;
							white-space: nowrap;
							line-height: 40rpx;
							margin-left: 50rpx;
						}

						.text_20 {
							width: 84rpx;
							height: 40rpx;
							overflow-wrap: break-word;
							color: rgba(216, 216, 216, 1);
							font-size: 28rpx;
							font-family: Source Han Sans-Regular;
							font-weight: normal;
							text-align: left;
							white-space: nowrap;
							line-height: 40rpx;
							margin-left: 48rpx;
						}
					}

					.group_5 {
						height: 668rpx;
						border: 1px solid rgba(41, 41, 41, 1);
						width: 2rpx;
						position: absolute;
						left: 700rpx;
						top: 294rpx;

						.group_6 {
							width: 2rpx;
							height: 668rpx;
							border: 1px solid rgba(41, 41, 41, 1);
						}
					}

					.group_7 {
						background-image: linear-gradient(137deg,
								rgba(34, 34, 34, 1) 0,
								rgba(30, 36, 44, 0.65) 100%);
						border-radius: 4px;
						// position: absolute;
						left: 32rpx;
						top: 736rpx;
						width: 670rpx;
						margin-left: 40rpx;
						height: 90rpx;
						margin-top: 12rpx;

						.text-wrapper_5 {
							box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.3);
							height: 56rpx;
							width: 56rpx;
							margin: 20rpx 0 0 16rpx;
							position: relative;

							image {
								width: 100%;
								height: 120%;
								position: absolute;
								top: 0;
								left: 0;
							}

							.text_21 {
								width: 18rpx;
								height: 40rpx;
								overflow-wrap: break-word;
								color: rgba(216, 216, 216, 1);
								font-size: 28rpx;
								font-family: Source Han Sans-Bold;
								font-weight: 700;
								text-align: left;
								white-space: nowrap;
								line-height: 40rpx;
								margin: 8rpx 0 0 20rpx;
							}
						}

						.text_22 {
							width: 224rpx;
							height: 40rpx;
							overflow-wrap: break-word;
							color: rgba(216, 216, 216, 1);
							font-size: 28rpx;
							font-family: Source Han Sans-Regular;
							font-weight: normal;
							text-align: left;
							white-space: nowrap;
							line-height: 40rpx;
							margin: 28rpx 0 0 24rpx;
						}

						.text_23 {
							width: 98rpx;
							height: 40rpx;
							overflow-wrap: break-word;
							color: rgba(107, 107, 107, 1);
							font-size: 28rpx;
							font-family: Source Han Sans-Regular;
							font-weight: normal;
							text-align: left;
							white-space: nowrap;
							line-height: 40rpx;
							margin: 26rpx 30rpx 0 222rpx;
						}
					}

					.group_8 {
						background-image: linear-gradient(137deg,
								rgba(34, 34, 34, 1) 0,
								rgba(30, 36, 44, 0.65) 100%);
						border-radius: 4px;
						position: absolute;
						left: 32rpx;
						top: 940rpx;
						width: 670rpx;
						height: 90rpx;

						.text-wrapper_6 {
							box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.3);
							background: url('https://siha.vxmeng.com/static/privacy/xing.png') no-repeat 100% 100%;
							background-size: 100% 100%;
							height: 56rpx;
							width: 56rpx;
							margin: 20rpx 0 0 16rpx;

							.text_24 {
								width: 18rpx;
								height: 40rpx;
								overflow-wrap: break-word;
								color: rgba(216, 216, 216, 1);
								font-size: 28rpx;
								font-family: Source Han Sans-Bold;
								font-weight: 700;
								text-align: left;
								white-space: nowrap;
								line-height: 40rpx;
								margin: 8rpx 0 0 20rpx;
							}
						}

						.text_25 {
							width: 224rpx;
							height: 40rpx;
							overflow-wrap: break-word;
							color: rgba(216, 216, 216, 1);
							font-size: 28rpx;
							font-family: Source Han Sans-Regular;
							font-weight: normal;
							text-align: left;
							white-space: nowrap;
							line-height: 40rpx;
							margin: 28rpx 0 0 24rpx;
						}

						.text_26 {
							width: 98rpx;
							height: 40rpx;
							overflow-wrap: break-word;
							color: rgba(107, 107, 107, 1);
							font-size: 28rpx;
							font-family: Source Han Sans-Regular;
							font-weight: normal;
							text-align: left;
							white-space: nowrap;
							line-height: 40rpx;
							margin: 26rpx 30rpx 0 222rpx;
						}
					}

					.group_9 {
						background-image: linear-gradient(137deg,
								rgba(34, 34, 34, 1) 0,
								rgba(30, 36, 44, 0.65) 100%);
						border-radius: 4px;
						position: absolute;
						left: 32rpx;
						top: 838rpx;
						width: 670rpx;
						height: 90rpx;

						.text-wrapper_7 {
							box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.3);
							background: url('https://siha.vxmeng.com/static/privacy/xing.png') no-repeat 100% 100%;
							background-size: 100% 100%;
							height: 56rpx;
							width: 56rpx;
							margin: 20rpx 0 0 16rpx;

							.text_27 {
								width: 18rpx;
								height: 40rpx;
								overflow-wrap: break-word;
								color: rgba(216, 216, 216, 1);
								font-size: 28rpx;
								font-family: Source Han Sans-Bold;
								font-weight: 700;
								text-align: left;
								white-space: nowrap;
								line-height: 40rpx;
								margin: 8rpx 0 0 20rpx;
							}
						}

						.text_28 {
							width: 224rpx;
							height: 40rpx;
							overflow-wrap: break-word;
							color: rgba(216, 216, 216, 1);
							font-size: 28rpx;
							font-family: Source Han Sans-Regular;
							font-weight: normal;
							text-align: left;
							white-space: nowrap;
							line-height: 40rpx;
							margin: 28rpx 0 0 24rpx;
						}

						.text_29 {
							width: 98rpx;
							height: 40rpx;
							overflow-wrap: break-word;
							color: rgba(107, 107, 107, 1);
							font-size: 28rpx;
							font-family: Source Han Sans-Regular;
							font-weight: normal;
							text-align: left;
							white-space: nowrap;
							line-height: 40rpx;
							margin: 26rpx 30rpx 0 222rpx;
						}
					}

					.text-wrapper_8 {
						background-image: linear-gradient(137deg,
								rgba(34, 34, 34, 1) 0,
								rgba(30, 36, 44, 0.65) 100%);
						border-radius: 4px;
						position: absolute;
						left: 32rpx;
						top: 1042rpx;
						width: 670rpx;
						height: 90rpx;

						.text_30 {
							width: 18rpx;
							height: 40rpx;
							overflow-wrap: break-word;
							color: rgba(216, 216, 216, 1);
							font-size: 28rpx;
							font-family: Source Han Sans-Bold;
							font-weight: 700;
							text-align: left;
							white-space: nowrap;
							line-height: 40rpx;
							margin: 26rpx 0 0 36rpx;
						}

						.text_31 {
							width: 224rpx;
							height: 40rpx;
							overflow-wrap: break-word;
							color: rgba(216, 216, 216, 1);
							font-size: 28rpx;
							font-family: Source Han Sans-Regular;
							font-weight: normal;
							text-align: left;
							white-space: nowrap;
							line-height: 40rpx;
							margin: 28rpx 0 0 42rpx;
						}

						.text_32 {
							width: 98rpx;
							height: 40rpx;
							overflow-wrap: break-word;
							color: rgba(107, 107, 107, 1);
							font-size: 28rpx;
							font-family: Source Han Sans-Regular;
							font-weight: normal;
							text-align: left;
							white-space: nowrap;
							line-height: 40rpx;
							margin: 26rpx 30rpx 0 222rpx;
						}
					}

					.text-wrapper_9 {
						background-image: linear-gradient(137deg,
								rgba(34, 34, 34, 1) 0,
								rgba(30, 36, 44, 0.65) 100%);
						border-radius: 4px;
						position: absolute;
						left: 32rpx;
						top: 1144rpx;
						width: 670rpx;
						height: 90rpx;

						.text_33 {
							width: 18rpx;
							height: 40rpx;
							overflow-wrap: break-word;
							color: rgba(216, 216, 216, 1);
							font-size: 28rpx;
							font-family: Source Han Sans-Bold;
							font-weight: 700;
							text-align: left;
							white-space: nowrap;
							line-height: 40rpx;
							margin: 26rpx 0 0 36rpx;
						}

						.text_34 {
							width: 224rpx;
							height: 40rpx;
							overflow-wrap: break-word;
							color: rgba(216, 216, 216, 1);
							font-size: 28rpx;
							font-family: Source Han Sans-Regular;
							font-weight: normal;
							text-align: left;
							white-space: nowrap;
							line-height: 40rpx;
							margin: 28rpx 0 0 42rpx;
						}

						.text_35 {
							width: 98rpx;
							height: 40rpx;
							overflow-wrap: break-word;
							color: rgba(107, 107, 107, 1);
							font-size: 28rpx;
							font-family: Source Han Sans-Regular;
							font-weight: normal;
							text-align: left;
							white-space: nowrap;
							line-height: 40rpx;
							margin: 26rpx 30rpx 0 222rpx;
						}
					}
				}

				.image-wrapper_1 {
					background-image: linear-gradient(1deg,
							rgba(34, 34, 34, 1) 0,
							rgba(30, 36, 44, 0) 100%);
					height: 166rpx;
					margin-top: -2rpx;
					width: 750rpx;

					.image_2 {
						width: 280rpx;
						height: 68rpx;
						margin: 98rpx 0 0 222rpx;
					}
				}
			}
		}
	}
</style>